<template>
  <pro-layout-contaner
    :columnCount="2"
    :gutter="60"
    class="mars-pro-examples-chart"
  >
    <Bar01 />
    <Bar02 />
    <Bar03 />
    <Bar04 />
    <Bar05 />
    <Bar06 />
    <Map1 :span="12"/>
  </pro-layout-contaner>
</template>

<script>
import Bar01 from "./charts/bar-01.vue";
import Bar02 from "./charts/bar-02.vue";
import Bar03 from "./charts/bar-03.vue";
import Bar04 from "./charts/bar-04.vue";
import Bar05 from "./charts/bar-05.vue";
import Bar06 from "./charts/bar-06.vue";
import Map1 from "./charts/map.vue";
export default {
  components: { Bar01, Bar02,Bar03,Bar04, Bar05, Bar06,Map1 },
};
</script>

<style>
.mars-pro-examples-chart {
  padding: 20px 80px 20px 80px;
}
</style>